﻿@{
    ViewBag.Title = "一元云购后台管理系统 登录";
    Layout = null;
}
@model Yyyg.WebUI.Models.AdminVM

<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="~/Content/pub.css" rel="stylesheet" />
    <link href="~/Content/backstage/bastage-login.css" rel="stylesheet" />
    <script src="~/Scripts/anime.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
</head>
<body class="flex-center">
    <div class="login-area">
        <div class="left">
            <div class="title">
                一元幸运购<br />
                后台管理系统登录
            </div>
        </div>
        <div class="right">
            @using (Html.BeginForm("HomePage", "BackStage", FormMethod.Post, new Dictionary<string, object>() { { "class", "flex-center" }, { "id", "login-form" } }))
            {
                <div>
                    <div>
                        账号:
                        @Html.TextBoxFor(a => a.Mobel, new { id = "input-acc", placeholder = "请输入管理员账号" })
                        <p>@Html.ValidationMessageFor(a => a.Mobel)</p>
                    </div>
                    <div>
                    </div>
                </div>
                <div>
                    <div>
                        密码:
                        @Html.PasswordFor(a => a.Pwd, new { id = "input-pwd", placeholder = "请输入密码" })
                        <p>@Html.ValidationMessageFor(a => a.Pwd)</p>
                    </div>
                    <div></div>
                </div>
                <div>
                    <input id="submit" type="submit" value="登录" />
                </div>
            }
        </div>
    </div>
    <script>
        var itv = setInterval(function () {
            var dom = document.createElement("div");
            var size = anime.random(30, 70) + "px";
            var opc = Math.random() - 0.7.toFixed(1);
            var left = anime.random(3, 80) + "%";
            dom.className = "floatblk";
            dom.style.left = left;
            dom.style.width = size;
            dom.style.height = size;
            dom.style.opacity = opc;
            document.body.appendChild(dom);
            anime({
                targets: dom,
                top: "-300px",
                easing: "linear",
                duration: 18000,
                complete: function () {
                    dom.remove();
                }
            });
        }, 900);
    </script>
</body>
</html>

